<template>
  <div class="object-desc">
    <h6 class="sub-title">主要工作内容</h6>
    <hr />
    <p class="o-row">使用vue全家桶（未使用vuex）重构新华社5.0 分享页及端内详情页</p>
    <p class="o-row">规划与Hybird端内详情页联调规范，编写相应公用方法，及文档</p>
    <p class="o-row">编写适用于微信、朋友圈、QQ、微博通用二次分享插件</p>
    <p class="o-row">使用appcache缓存策略，优化页面打开速度</p>
    <p class="o-row">使用rem,及个人优化方案，实现全页面1px精度</p>
    <p class="o-row">webpack打包优化，按需加载</p>
    <hr />
    <p class="o-row">kindeditor编辑器定制插件实现，包括格式化粘贴，图片裁剪上传，word图片粘贴上传，文本查找替换，校验报错，模板编辑等功能插件实现</p>
    <p class="o-row">使用高德地图插件实现现场定位等功能</p>
    <p class="o-row">使用indexedDB实现表单的定时保存功能</p>
    <p class="o-row">树组件，多选下拉框，拖拽排序，图片放大查看等功能插件实现</p>
    <p>......</p>

    <div class="close-btn" @click="close">返回</div>
  </div>
</template>

<script>
  export default {
    data() {
      return {}
    },
    methods: {
      close() {
        this.$router.go(-1);
      }
    }
  }
</script>

<style lang="stylus">
@import "../assets/css/_fn.styl";

.object-desc
  font-size 14px
  line-height 18px
  .sub-title
    font-size 18px
    border-left 4px solid #000
    padding-left 4px
  .o-row
    margin 10px
    margin-right 0
    &::before
      content "- "
.close-btn
  height 30px
  width 80px
  padding 0 10px
  margin 10px auto
  text-align center
  line-height 30px
  background-color #fff
  border-radius 15px
  border 1px solid #000
</style>